{% raw %} 
<span class="close-bill" id="delete-bill"><i class="icon-remove"></i></span>
<p><% if(paid) { %><span><b class="bill-amount" style="color:green;">PAID</b></span><% } %></p>
<div>
	<b><%=title%></b>
	<b class="bill-amount pull-right">$<%=total_amount%></b>
</div>
<div>
	<%=message%>
</div>
<div>
	Remind frequency
	<select id="remind-freq" name="remind_freq" value="<%=remind_freq%>">
		<option value="ONCE_A_WEEK">Once a week</option><option value="TWICE_A_WEEK">Twice a week</option>
		<option value="EVERYDAY">Everyday</option><option value="ONCE_A_MONTH">Once a month</option>
	</select>
</div><p></p>
<div class="paid-status">
	<div class="paid-table pull-left">
		<table class="table table-striped">
			<tr style="color:red;">
				<th>Unpaid ($<%=unpaid_amount%>)</th>
			</tr>
			<% _.each(friend_bills, function(bill){%>
			<% if(! bill.paid) { %>
			<tr>
				<td><a href="mailto:<%=bill.friend.email%>"><%=bill.friend.name%></a> <span class="pull-right">$<%=bill.amount%></span></td>
			</tr>
			<% }}); %>
		</table>
	</div>
	<div class="paid-table pull-right">
		<table class="table table-striped">
			<tr style="color:green;">
				<th>Paid ($<%=paid_amount%>)</th>
			</tr>
			<% _.each(friend_bills, function(bill){%>
			<% if(bill.paid) { %>
			<tr>
				<td><%=bill.friend.name%> <span class="pull-right">$<%=bill.amount%></span></td>
			</tr>
			<% }}); %>
		</table>
	</div>
	<div style="clear:both"></div>
</div>
{% endraw %}